<tagLib name="html"/>

<include file="Public:header"/>
<BODY id="indexHomeBody">
<DIV id="wrapper">
<!-- wrapper S-->
<DIV style="display: none;" id="pop_window"></DIV>
<DIV class="lightinthebox">
<!-- content S-->
<!--bof-header logo and navigation display-->


<include file="Public:navigate"/>


<DIV id="bodyblock">
<DIV class="minframe fl">
    <!--// bof: categoriescss //-->
<include file="Public:left_categories" />
    
    
	<include file="Public:account_left"/>


</DIV>
<DIV class="maxframe">

    <!-- Header start-->
    <include file="Public:header_navigate"/>

    <!--bof-navigation display-->
<include file="Public:search_bar" />
    <!-- Header end-->
	<div class="fl product_title margin_t pad_1em">  <a href="/">Home</a>&nbsp;>&nbsp;
	  	<a href="__PUBLIC/Member"> My Account</a>&nbsp;>&nbsp;
		<span class="red">Account Settings</span>
	</div>
    




<!-- ========================================================= -->

<div id="layer_switch" class="nl_layer allborder right_big_con margin_t bg_none">
	<div evt="click" id="boxswitch" class="">
	  <div title="ChangeInformation" <eq name="tab_name" value="change_detail">class="on"<else />class="off"</eq>><span>Change your Profile</span></div>
	<div id="border_left" title="ChangeMail" <eq name="tab_name" value="change_email">class="on"<else />class="off"</eq>><span>Change your e-mail address</span></div>
	<div id="border_left" title="ChangePassword" <eq name="tab_name" value="change_password">class="on"<else />class="off"</eq>><span>Change your password</span></div>
</div>
<div class="clear">
 <div <eq name="tab_name" value="change_detail">class="show"<else />class="hide"</eq> id="ChangeInformation">
 	<notempty name="change_detail_msg"><div class="error_box larger">{$change_detail_msg}</div></notempty>
 		<form name="email_information" action="__APP__/Member/change_detail" method="post"  id="email_information" onsubmit="return(fmChk(this))"><input type="hidden" name="action" value="email_information"  id="action" />		<strong>Update your Up-wholesale.com profile</strong><br/>
			<input type="hidden" name="id" value="{$member.id}" />
		<br/>
		<span class="red">*</span> Indicates required fields
		<table width="550" cellspacing="0" cellpadding="0" border="0">
		  <tbody><tr>
		    <td width="180" align="right">Gender: <span class="red">*</span></td>
		    <td class="pad_l_10px">
				<select id="gender" name="sex" chkname="Gender" chkrule="isselect" id="gender">
				  <option value="-1">please select ...</option>
				  <volist name="genderDic" id="gender">
				  	<option value="{$gender.code}" <eq name="member.sex" value="$gender.code">selected="selected"</eq>>{$gender.code_name}</option>
				  </volist>
				</select>
		  </tr>
		  <tr>
		    <td align="right">First Name:<span class="red">*</span></td>

		    <td class="pad_l_10px">
		    <input type="text" name="first_name" value="{$member.first_name}" id="first_name" chkrule="nnull/min2" chkname="firstname" class="input_5"  maxlength="32" />		    </td>		   
		  </tr> 
		  <tr>

		     <td align="right">Last Name:<span class="red">*</span></td>
		    <td class="pad_l_10px">
		    <input type="text" name="last_name" value="{$member.last_name}" id="last_name"  chkrule="nnull/min2" chkname="lastname" class="input_5" maxlength="32" />		    </td>

		  </tr> 
		  <tr>
		    <td align="right">Which one describes you the best? <span class="red">*</span></td>
		    <td class="pad_l_10px">
				<select id="customers_describes" name="describes"  chkrule="isselect" chkname="Which one describes you the best?" >
					 <option value="-1">Please select--</option>
					  
				  	<volist name="describes" id="singleDescribes">
					  <option value="{$singleDescribes.code}" <eq name="member.describes" value="$singleDescribes.code">selected="selected"</eq>>{$singleDescribes.code_name}</option>
					</volist>
				</select>
			</td>
		  </tr>
<tr>
    <td align="right">Address Line1:<span class="red">*</span></td>
    <td class="pad_l_10px">
    <input type="text" name="address1" value="{$member.address1}" size = "41" maxlength= "64" chkrule="nnull/min5" chkname="Street Address" class="input_5" id="street-address" maxlength="64" />    </td>
  </tr>
  <tr>

     <td align="right">Address Line 2:</td>     
     <td class="pad_l_10px">
     <input type="text" name="address2" value="{$member.address2}" size = "33" maxlength = "32" id="suburb"  class="input_5" />     </td>
  </tr>
    <tr>
    <td align="right">City: <span class="red">*</span></td>
    <td class="pad_l_10px">

    <label class="inputLabel" for="city"></label>
    <input type="text" name="city" value="{$member.city}" size = "33" maxlength = "32" chkrule="nnull/min3" chkname="City" class="input_5" id="city" maxlength="32" />  </tr>   
  <tr>
    <td align="right">Country / Region: <span class="red">*</span></td>
    <td class="pad_l_10px">
      <select name="country" id="country"   onchange="update_zone(this.form);" class="l_select" chkname="Country / Region" chkrule="isselect"  id="country">
				  <option value="-1">Please Choose Your Country</option>
				  <volist name="countries" id="country">
				  	<option value="{$country.code}" <eq name="member.country" value="$country.code">selected="selected"</eq>>{$country.code_name}</option>
				  </volist>
				  
				</select>
     </td>
  </tr>
    </tr>
      <tr id="zone_id_tr1">
       <td align="right">State/Province/Region:</td>
       <td class="pad_l_10px">

         <input type="text" id="state" class="l_input" maxlength="40" value="{$member.state}" name="state"/>
         </td>
    </tr>
        <tr>
       <td align="right">ZIP/Postal Code: <span class="red">*</span></td>
       <td class="pad_l_10px">
       <input type="text" name="post_code" value="{$member.post_code}" size = "11" maxlength = "10" chkrule="nnull/min4" chkname="Post/ZIP Code" class="input_5" maxlength="10" id="post_code" />       </td>

    </tr>   
    <tr>
      <td align="right">Phone Number:  <span class="red">*</span></td>
      <td class="pad_l_10px">
       <input type="text" name="phone" value="{$member.phone}" size = "1" maxlength = "" chkrule="nnull/min4/tel" chkname="Phone" class="input_5" maxlength="10" id="phone" />      </td>
    </tr> 
    <tr>
      <td align="right">Fax Number: </td>

      <td class="pad_l_10px">
       <input type="text" name="fax" size = "1" maxlength = "" value="{$member.fax}" class="s_input" maxlength="10" id="fax" />      </td>
    </tr> 
		  <tr>
		     <td align="right">Company Name:&nbsp;&nbsp;</td>
		     <td class="pad_l_10px">
		     <input type="text" name="company_name" value="{$member.company_name}" id="company_name" class="input_5" />     
		     </td>		     	
		  </tr>

		  <tr>
		  <td align="right">Newsletter and Email Details</td>
		  <td class="pad_l_10px">
			  <input type="radio" name="news_type" value="HTML" checked="checked" id="email-format-html" />
			  <label class="radioButtonLabel" for="email-format-html">HTML</label>
			  <input type="radio" name="news_type" value="TEXT" id="email-format-text" /><label  class="radioButtonLabel" for="email-format-text">TEXT-Only</label></td>
		  </tr>
		</tbody></table>
				
		<br/>	    
		<ul class="midframe g_t_r margin_t">
	<button onclick="if($('gender').value==''){alert('You must select gender.');$('gender').focus();}else{if(fmChk(this.form)){this.form.submit();}}" type="button">

		   <span>Save for change</span>
		</button>
		</ul>
	  </form>
   </div>
   
	<div <eq name="tab_name" value="change_email">class="show"<else />class="hide"</eq> id="ChangeMail">
		<notempty name="change_email_msg"><div class="error_box larger">{$change_email_msg}</div></notempty>
		    <form name="email_edit" action="__APP__/Member/change_email" method="post"  id="email_edit" onsubmit="return(fmChk(this))"><input type="hidden" name="action" value="email_edit"  id="action" />	
		    	<input type="hidden" name="id" value="{$member.id}" />
    		<strong>Update your Gp-wholesale.com account</strong><br/>

		<br/>
		<span class="red">*</span> Indicates required fields
		<table width="490" cellspacing="0" cellpadding="0" border="0">
		  <tbody><tr>
		    <td width="180" align="right">Existing password:<span class="red">*</span></td>
		    <td class="pad_l_10px">
		    <input type="password" name="origin_password"  chkrule="nnull/min5" chkname="Existing password" class="input_5" /></td>

		  </tr>
		  <tr>
		    <td align="right">New e-mail address:<span class="red">*</span></td>
		    <td class="pad_l_10px">
		    	<input type="text" name="email" value="{$member.email}" id="email" chkrule="nnull/min6/eml" chkname="New e-mail address" class="input_5" />
		    </td>
		  </tr>
		</tbody></table>
				
		<br/>	    
		<ul class="midframe g_t_r margin_t">

		<button type="submit">
		   <span>Save for change</span>
		</button>
		</ul>
	  </form>
   </div>
   
   <div <eq name="tab_name" value="change_password">class="show"<else />class="hide"</eq> id="ChangePassword">
   <notempty name="change_password_msg"><div class="error_box larger">{$change_password_msg}</div></notempty>
      <form name="password_edit" action="__APP__/Member/change_password" method="post"  onsubmit="return(fmChk(this))" id="password_edit"><input type="hidden" name="action" value="password_edit"  id="action" />    <strong>Update your Up-wholesale.com password</strong><br/><br/>
      	
      	<input type="hidden" name="id" value="{$member.id}" />

		<span class="red">*</span> Indicates required fields
		<table width="490" cellspacing="0" cellpadding="0" border="0">
		  <tbody><tr>
		    <td width="180" align="right">Existing password:<span class="red">*</span></td>
		    <td class="pad_l_10px">
		    <input type="password" name="origin_password"  chkrule="nnull/min5" chkname="Existing password" class="input_5" /></td>
		  </tr>		 
		  <tr>

		    <td align="right">New password: <span class="red">*</span></td>
		    <td class="pad_l_10px">
		    <input type="password" name="password"  chkrule="nnull/min5" chkname="ew password" class="input_5" id="login-password1" /></td>
		  </tr>
		  <tr>
		    <td align="right">Re-enter password: <span class="red">*</span></td>
		    <td class="pad_l_10px">

		    <input type="password" name="repassword"  chkrule="nnull/cpwd/#login-password1" chkname="Re-enter password" class="input_5" /></td>
		  </tr>		  
		</tbody></table>
		
		<br/>
		<ul class="midframe g_t_r margin_t">
		<button type="submit">
		   <span>Save for change</span>
		</button>
		</ul>

	   </form>
 	 </div>			
</div>
<script>
    layerswich();
    initForm('email_information');
		initForm('email_edit');
		initForm('password_edit');
</script>	</div>








<!-- ============================================================ -->


</div>

<!-- bof upload alerts -->
<!-- eof upload alerts -->
<!-- bof: layer_switch -->
<DIV id="layer_switch"
     class="index_layer allborder right_big_con margin_t relative">
    <SPAN class="lay_hot"> </SPAN>

    <DIV id="BestDeal" class="hide">
        <ul></UL>
    </DIV>
    <DIV id="FreeShipping" class="hide">
        <ul></UL>
    </DIV>
    <DIV id="NewArrivals" class="show">
        <ul>
            <volist name="top15NewProducts" id="newProduct">
                <li>
                    <DIV class="relative m_w_90 fl">
                        <a class="ih"
                           href="__APP__/Product/view/id/{$newProduct.product_name}"><IMG
                                title="{$newProduct.product_name}"
                                alt="{$newProduct.product_name}"
                                src="{$IMG_URL}{$newProduct.pic}" width="88" height="88"></a>
                    </DIV>
                    <SPAN><a
                            href="__APP__/Product/view/id/{$newProduct.product_name}">{$newProduct.product_name}y</a><BR>US${$newProduct.current_price}<BR></SPAN>
                </li>
                <eq name="mod" value="3"><br class="clear"></eq>
            </volist>
        </UL>
    </DIV>
</DIV>
<SCRIPT>
    layerswich();
</SCRIPT>
</DIV>
<!-- eof: layer_switch -->

<include file="Public:bottom" />
<!--// eof: recently viewed //-->
<!--bof- site copyright display -->
<include file="Public:copyright"/>
</BODY>
</HTML>
